<script setup>
import { reactive } from "vue";
const data = reactive({
  active: 0,
});
</script>
<template>
  <div class="money">
    <header>
      <van-icon name="arrow-left" @click="$router.back()" />
      <h3>我的优惠券</h3>
    </header>
    <!-- tab -->
    <van-tabs v-model:active="data.active">
      <van-tab title="标签 1"></van-tab>
      <van-tab title="标签 2"></van-tab>
      <van-tab title="标签 3"></van-tab>
      <van-tab title="标签 4"></van-tab>
    </van-tabs>
  </div>
</template>
<style lang="scss" scoped>
.money {
  header {
    height: 88px;
    display: flex;
    align-items: center;
    margin-top: 20px;
    .van-icon {
      width: 60px;
      height: 60px;
      text-align: center;
    }
    h3 {
      flex: 1;
      text-align: center;
      font-size: 36px;
    }
  }
}
</style>
